<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的好友</title>
    <link rel="stylesheet" href="css/我的好友.css">
</head>
<body>
    <!-- 头部区域制作开始 -->
    <div class="heade">
        <div class="heade_min">
            <div class="logo"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
            <div class="nav">
                <ul>
                    <li><a href="#">首页</a><i style="display: block;"><img src="images/shouye.png" alt=""></i></li>
                    <li><a href="#">我要借出</a><i><img src="images/shouye.png" alt=""></i></li>
                    <li><a href="#">我要借入</a><i><img src="images/shouye.png" alt=""></i></li>
                    <li><a href="#">我的账户</a><i><img src="images/shouye.png" alt=""></i></li>
                    <li><a href="#">账户帮助</a><i><img src="images/shouye.png" alt=""></i></li>
                    <li><a href="#">社区</a><i><img src="images/shouye.png" alt=""></i></li>
                    <li><a href="#">本金保障</a><i><img src="images/shouye.png" alt=""></i></li>
                </ul>
            </div>
            <div class="login">
                <ul class="login_box">
                    <li class="on1"><a href="#">欢迎光临</a></li>
                    <li class="on2"><a href="#">陈政</a></li>
                    <li class="on3"><a href="#">消息</a><div class="pro_1">22</div></li>
                    <li class="on4"><a href="#">管理</a></li>
                    <li class="on5"><a href="#">退出</a></li>
                </ul>
            </div>
        </div>
    </div> 
    <!-- 头部区域制作结束 -->
    <!-- 站内信息开始 -->
    <div class="more_box">
        <div class="more_box_1"></div>
        <div class="more_box_2">
            <ul>
                <li class="lis_1">
                    <h3>我的好友</h3>
                    <span>共926个好友</span>
                </li>
            </ul>
        </div>
        <div class="more_box_3">
            <button><img src="images/tp_04.png" alt=""><span>添加好友</span></button>
        </div>
    </div>
    <div class="more_box1">
        <ul>
            <li><a href="#">所有好友</a></li>
            <li><a href="#">同学</a></li>
            <li><a href="#">挚友</a></li>
            <li><a href="#">同事</a></li>
            <li><a href="#">亲戚</a></li>
            <li><a href="#">普通朋友</a></li>
            <li><a href="#">拍友</a></li>
            <li><a href="#">其他</a></li>
    </div>
    <div class="more_box2">
        <ul>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
        </ul>
        <ul>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
        </ul>
        <ul>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
            <li>
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>zhengnic</dt>
                    <dd class="dd1">同学<a href="#">修改分组</a></dd>
                    <dd class="dd2"><a href="#">删除</a></dd>
                </dl>
            </li>
        </ul>
    </div>
    <div class="more_3">
        <ul>
            <li><a href="#">下一页</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">1</a></li>
        </ul>
    </div>
    <!-- 站内信息结束 -->
    <!-- 底部区域开始 -->
    <div class="footer">
        <div class="help">
            <ul>
                <li><a href="#">常见问题</a>丨</li>
                <li><a href="#">媒体报道</a>丨</li>
                <li><a href="#">联系我们</a>丨</li>
                <li><a href="#">加入我们</a>丨</li>
                <li><a href="#">隐私保护</a></li>
            </ul><br>
            <p>Copyright©2013 daikuan All Rights Reserved   建智领航公司 版权所有</p>
        </div>
    </div>
    <!-- 底部制作结束 -->
</body>
</html>